<template>
  <div>
    <!--面包屑-->
    <div style="background-color: #aaaaaa;color: #ffffff;margin: 0 0 25px 0;">
      <img style="width: 100%" src="../../../assets/pic5.jpg">
      <div style="margin: 0 0 0 15px;font-size: 26px">
        当前位置:
        >>关于我们
        <a href="indexView.vue" style="color: #FFFFFF;text-decoration: none">首页</a>
      </div>
    </div>
    <!--主体试图-->
    <div style="margin: 0 auto;width: 1180px;height: 1210px;display: inline-block">
      <div style="width: 725px;height:229px;
        margin: 0 auto;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
text-align: center">
        <el-row>
          <el-col style="display: inline-block;">
            <h2>关于我们</h2>
            <span style="opacity: 0.5">ABOUT　US</span>
          </el-col>
          <el-col style="float: right;padding: 3px;margin: 5px;">
            <el-button>成为VIP企业</el-button>
            <el-button>企业入驻</el-button>
          </el-col>
        </el-row>
        <h2>中俄贸易供需服务平台</h2>
      </div>
      <!-- 侧边栏 -->
      <el-aside style="overflow: hidden;
         position: absolute;top: 580px;right: 200px;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1)">
        <h2 style="color: #9f55ff">供需信息</h2>
        <div style="height: 320px ;width: 260px; float:left;border:1px solid #000;margin: 20px" >
          <img src="../../../../public/images/123/EB1A7404-5874-40DC-9283-2117A97D4762_2021-02-27_094208.png" alt="">
          <h4>
            机床类机械类采购<br>
            Machine tools and machinery procurement
          </h4>
          <el-row>
            <el-button type="primary" round>主要按钮</el-button>
          </el-row>
        </div>
        <div style="height: 320px ;width: 260px; float:left;border:1px solid #000;margin: 20px" >
          <img src="../../../../public/images/123/EB1A7404-5874-40DC-9283-2117A97D4762_2021-02-27_094208.png" alt="">
          <h4>
            机床类机械类采购<br>
            Machine tools and machinery procurement
          </h4>
          <el-row>
            <el-button type="primary" round>主要按钮</el-button>
          </el-row>
        </div>
        <div style="height: 320px ;width: 260px; float:left;border:1px solid #000;margin: 20px" >
          <img src="../../../../public/images/123/EB1A7404-5874-40DC-9283-2117A97D4762_2021-02-27_094208.png" alt="">
          <h4>
            机床类机械类采购<br>
            Machine tools and machinery procurement
          </h4>
          <el-row>
            <el-button type="primary" round>主要按钮</el-button>
          </el-row>
        </div>
      </el-aside>
    </div>
  </div>
</template>
